$(function() {
    /**
     * 获取url的id
     */
    var id = tools.queryString().id || 1;
    /**
     * 页面加载时默认样式
     */
    $($(".msgAndcommentsBtn")[0]).addClass("btnActive");
    $($(".productMsgOrComments")[0]).addClass("showMsgOrComments")
    $($(".commentItem")[0]).addClass("activeComments");
    $($(".allCommentList")).addClass("showcommentList");
    /**
     * 获取商品详情
     */
    $.ajax({
        type: "get",
        url: "http://127.0.0.1:3000/getproductdetail",
        data: {
            id: id
        },
        success: function(data) {
            /*
             * 商品图片录播图
             * */
            $(".swiper-wrapper").html(template("productAutoImg", { pics: data.data.data.pics }));
            var mySwiper = new Swiper('.swiper-container', {
                autoplay: 3000,
                pagination: ".swiper-pagination",
                loop: true,
                autoplayDisableOnInteraction: false
            });
            /*
             * 商品信息和价格
             * */
            $(".product_Name").html(template("productMsgAndPrice", { msg: data.data.data }));
            /*
             * 喜欢商品的人数
             * */
            $('.like').html(template("peopleLikeProduct", { love: data.data.data.love }));
            /**
             * 商品详情
             */
            $(".productMsg").html(template("msgContent", { details: data.data.data.details }));
        }
    });
    /**
     * 商品详情和评论的切换
     */
    $(".msgAndcommentsBtn").on("click", function() {
        $(".msgAndcommentsBtn").removeClass("btnActive");
        $(this).addClass("btnActive");
        var index = $(this).attr("index");
        $(".productMsgOrComments").removeClass("showMsgOrComments");
        $($(".productMsgOrComments")[index - 1]).addClass("showMsgOrComments");
    });
    /**
     * 商品评论的切换
     */
    $(".commentItem").on("click", function() {
        $(".commentItem").removeClass("activeComments");
        $(this).addClass("activeComments");
        var index = $(this).attr("index");
        $(".commentList").removeClass("showcommentList");
        $($(".commentList")[index - 1]).addClass("showcommentList");
    });
    /**
     * 跳转下载app
     */
    $(".footer").on("click", function() {
        alert("缺少下载APP的地址");
    })
})